<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/l-style.css" rel="stylesheet">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/pop_status.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
<div class="container">
    <div class="header">
        <div class="header-fl fl">科技小桌板</div>
        <div class="header-fr fr">
            <img src="img/icon/default-avatar.png" width="28" height="28" class="default-avatar fl">
            <span class="admin-name fl">Sherry</span>
            <img src="img/icon/exit-icon.png" width="16" height="16" class="login-exit fr">
        </div>
    </div>

    <div class="super-admin">
        <img src="img/icon/s-admin.png" width="70" height="71">
        <span class="super-text">超级管理员</span>
    </div>

    <div class="sidebar">
        <div class="panel-group" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" href="index.html" data-id="1">
                                <span class="sidebar-icon">
                                    <span class="side1"></span>
                                </span>
                                <span class="">首页</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                            <a class="sidebar-list" data-id="2" >
                                <span class="sidebar-icon">
                                    <span class="side2"></span>
                                </span>
                                <span class="">消息通知</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" data-id="1" href="gg1.html">公告列表</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" data-id="2" href="px1.html">培训通知</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="3"  href="ry1.html">
                                <span class="sidebar-icon">
                                    <span class="side3"></span>
                                </span>
                                <span class="">人员管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="4" href="qy1.html">
                                <span class="sidebar-icon">
                                    <span class="side4"></span>
                                </span>
                                <span class="">企业信息管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="5" href="sb1.html">
                                <span class="sidebar-icon">
                                    <span class="side5"></span>
                                </span>
                                <span class="">申报看板</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="6" href="wj1.html">
                                <span class="sidebar-icon">
                                    <span class="side6"></span>
                                </span>
                                <span class="">文件管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseSeven">
                            <a class="sidebar-list" data-id="7">
                                <span class="sidebar-icon">
                                    <span class="side7"></span>
                                </span>
                                <span class="">账号管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseSeven" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="zh2.html" data-id="1">普通管理员账号管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="zh1.html" data-id="2">科技联络人审核</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
                            <a class="sidebar-list" data-id="8">
                                <span class="sidebar-icon">
                                    <span class="side8"></span>
                                </span>
                                <span class="">系统设置</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseEight" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="xt3.html" data-id="1">个人信息</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt7.html" data-id="2">修改密码</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt5.html" data-id="3">企业类别管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt6.html" data-id="4">企业属性管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt1.html" data-id="5">Banner图管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt8.html" data-id="6">注册协议管理</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-header">
        <div class="page-right-top">
            <div class="right-top">
                <span class="right-title">消息通知</span>
            </div>
            <div class="top-nav">公告列表</div>
            <span class="r-arrow top-r-arrow"></span>
            <div class="top-nav top-nav-active">未读人员</div>
        </div>
        <div class="main-content">
            <div class="mes-content">
                <div class="main-mes-content">
                    <div class="al-released">未读公告人员列表</div>

                    <table class="table table-hover">
                        <thead>
                        <tr style="background-color: #f3f9fd;">
                            <th style="width: 20%;text-align: center;">姓名</th>
                            <th style="width: 20%;text-align: center;">手机号</th>
                            <th style="width: 40%;text-align: center;">所在公司</th>
                            <th style="text-align: center;">邮箱</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                        <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                         <tr>
                            <td style="text-align: center;">张三</td>
                            <td style="text-align: center;">18888888888</td>
                            <td style="text-align: center;">名称名称名称名称名称名称名称名称名称</td>
                            <td style="text-align: center;">kejiyun@qq.com</td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="page-box">
                        <ul class="pagination">
                            <li><a href="#">&laquo;</a></li>
                            <li><a href="#" class="mes-page-check">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">&raquo;</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        SidebarHighlighting('2');
        SonSidebar('2', '1');
    })
</script>
</body>
</html>